<template>
	<view class="content">
		<view class="czyList" v-for="(item,index) in 3" :key="index">
			<view class="listTop">
				<view class="nameBox">
					<text class="name">浙 ADE2395</text>
					<text class="nametext">去绑定</text>
				</view>
				<view class="sjhBox">
					未绑定操作员
				</view>
			</view>
			<view class="listBottom">
				<view class="moren">
					<view :class="{chonse:true}" class="square">
						<uni-icons type="checkmarkempty" color="#fff" size="16"></uni-icons>
					</view>
					<text>默认</text>
					
				</view>
				<view class="bianjiBox">
					<image class="bianjiImg" src="/static/czy/bianji.png" mode=""></image>
					<text class="bianji">编辑</text>
				</view>
				<view class="shanchuBox">
					<image class="bianjiImg" src="/static/czy/shanchu.png" mode=""></image>
					<text class="bianji">删除</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import app from '@/util/api.js'
	export default{
		data(){
			return{
				
			}
		},
		methods:{
				
			goaddpeople(){
				app.nto('caozuoyuan/addcaozuoyuan')
			}
		}
	}
	
</script>

<style scoped>
	.content{
		min-height: 100vh;
		background-color: #f5f5f5;
		padding-top: 20rpx;
	}
	.czyList{
		background-color: #FFFFFF;
		margin-bottom: 20rpx;
	}
	.listTop{
		width: 100%;
		background: url('/static/img/carCard.png') no-repeat center/contain;
		padding: 60rpx 20rpx 60rpx 60rpx;
		color: #FFF;
		box-sizing: border-box;
	}
	
	.nameBox{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.nametext {
		padding: 10rpx 20rpx;
		background: rgb(37,55,116);
		font-size: 12rpx;
	}
	.sjhBox{
		padding-top: 40rpx;
		display: flex;
		font-size: 24rpx;
		align-items: center;
	}
	
	.listBottom{
		padding: 14rpx 25rpx 14rpx 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.bianjiBox,.shanchuBox{
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #999;
	}
	.bianjiImg{
		width: 25rpx;
		height: 25rpx;
	}
	.bianji{
		padding-left: 14rpx;
	}
	.shanchuBox{
		padding-left: 100rpx;
	}
	.addczy{
		border: 2rpx #cacaca dashed;
		display: flex;
		flex-direction: column;
		align-items: center;
	    padding: 30rpx 0;
		margin-top: 20rpx;
		border-radius: 10rpx;
		color: #999999;
	}
	.addBox{
		display: flex;
		align-items: center;
	}
	.moren{
		padding-left: 20rpx;
		margin-right: auto;
		display: flex;
		align-items: center;
		color: #666;
		font-size: 24rpx;
	}
	.square{
		width: 30rpx;
		height: 30rpx;
		
		margin-right: 14rpx;
		border-radius: 50%;
		text-align: center;
		line-height: 30rpx;
		background: #CACACA;
	}
	.tianjiaImg{
		width: 25rpx;
		height: 25rpx;
	}
	.add{
		font-size: 30rpx;
		padding-left: 16rpx;
	}
	.wyyadd{
		padding-top: 18rpx;
		font-size: 24rpx;
	}
	.chonse{
		background: #FFC03C;
	}
</style>
